<!DOCTYPE html>
<html>
	<head>
		<title>My Drawing Game!</title>			
	
		<link rel="stylesheet" type="text/css" href="css/finishpage.css" />
		<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
		<script type="text/javascript" src="js/resultPage.js"></script>
	</head>
	
	<body>
		<div id="container">

						
						
		<h3 align="center" >  The Drawing Game!</h3>		
			
			<div id = "FinishedGames" >
					
				<div id = "AllGames" >
					<!-- <button id="allGames_buttonUp" type="button" size="10"  title="Cycle through games" class = "allGames_buttonClass" > ^ </button>
					<button id="allGames_buttonDown" type="button" size="10"  title="Cycle through games" class = "allGames_buttonClass" > v </button>
					-->
				</div>
				
				<button id="ButtonLeft" type="button" size="10" title="Previous!" > << </button>
				
				<div id="CurrentGame" >
					

					<div id="TopScroll" >
						<textarea id="current_text" rows="6" wrap="virtual" class="writingClass" >  As the story goes...
						</textarea>
					</div>
					
					<div id="BottomScroll" >
						<img id="current_picture" src="resources/images/test3.png" alt="image" >
					</div>
					
					<!--
					<div id="TopScroll2" visible = "false" >
						<textarea id="current_text2" rows="6" wrap="virtual" class="writingClass" visible = "false"> 
						</textarea>
					</div>
					-->
				</div>
				<button id="ButtonRight" type="button" size="10"  title="Next!" > >> </button>
					
				<div id = "AllPlayers" >
				
				
				</div>
			</div>
	
				
		</div>
	</body>
	

</html>